<template>
	<view>
		<view class="list_card_one">
			<view>
				<popover :btnList="ye" :active="false" @select="wallet_select(1,$event)" style="float: right;">
					<text class="iconfont mores more">&#xe657;</text>
				</popover>
				<text class="titles">我的余额/元</text>
			</view>
			<view class="bottom">
				<text class="status">2837382.28</text>
				<text class="english">My Balance</text>
			</view>
		</view>
		<view class="list_card_two">
			<view>
				<popover :btnList="jz" :active="false"  @select="wallet_select(2,$event)" style="float: right;">
					<text class="iconfont mores more">&#xe657;</text>
				</popover>
				<text class="titles">我的金钻/个</text>
			</view>
			<view class="bottom">
				<text class="status">2837382.28</text>
				<text class="english">My Diamond</text>
			</view>
		</view>
		<view class="list_card_three">
			<view>
				<popover :btnList="dhb" :active="false"  @select="wallet_select(3,$event)" style="float: right;">
					<text class="iconfont mores more">&#xe657;</text>
				</popover>
				<text class="titles">我的兑换币/个</text>
			</view>
			<view class="bottom">
				<text class="status">2837382.28</text>
				<text class="english">My Exchange Currency</text>
			</view>
		</view>
		<view class="list_card_four">
			<view>
				<popover :btnList="zpb" :active="false"  @select="wallet_select(4,$event)" style="float: right;">
					<text class="iconfont mores more">&#xe657;</text>
				</popover>
				<text class="titles">我的赠品币/个</text>
			</view>
			<view class="bottom">
				<text class="status">2837382.28</text>
				<text class="english">My Premium Currency</text>
			</view>
		</view>
	</view>
</template>

<script>
	import popover from "../../../uni_modules/uni-popover/components/dean-popover/dean-popover.vue"
	export default {
		components: {
			popover
		},
		data() {
			return {
				page: "popover",
				zpb: [{
					"title": '明细',
				}],
				dhb: [{
					"title": '明细',
				}],
				jz: [{
						"title": '充值',
					},
					{
						"title": '明细',
					}
				],
				ye: [{
						"title": '充值',
					},
					{
						"title": '提现',
					},
					{
						"title": '明细',
					}
				]
			}
		},
		onNavigationBarButtonTap(e) {
			console.log(e)
			if (e.text == '认证记录  ') {
				uni.navigateTo({
					url: 'certification_record'
				})
			}
		},
		methods: {
			wallet_select(index,e){
				if(index == 1 && e == 0){
					// 余额充值
					uni.navigateTo({
						url: 'balance_recharge?parameter='+ 1
					})
				}else if(index == 1 && e == 1){
					// 提现
					uni.navigateTo({
						url: 'withdrawal'
					})
				}else if(index == 1 && e == 2){
					// 余额明细
					uni.navigateTo({
						url: 'detailed?parameter='+ 1
					})
				}else if(index == 2 && e == 0){
					// 金钻充值
					uni.navigateTo({
						url: 'balance_recharge?parameter='+ 2
					})
				}else if(index == 2 && e == 1){
					// 金钻明细
					uni.navigateTo({
						url: 'detailed?parameter='+ 2
					})
				}else if(index == 3 && e == 0){
					// 对换币明细
					uni.navigateTo({
						url: 'detailed?parameter='+ 3
					})
				}else if(index == 4 && e == 0){
					// 赠品币明细
					uni.navigateTo({
						url: 'detailed?parameter='+ 4
					})
				}
			},
			smrz(res) {
				uni.navigateTo({
					url: 'name_authentication'
				})
			},
			qyrz() {
				uni.navigateTo({
					url: 'enterprise_certification'
				})
			},
			sjrz() {
				// uni.navigateTo({
				// 	url:'business'
				// })
				uni.navigateTo({
					url: 'merchant_authentication'
				})
			}
		}
	}
</script>

<style>
	.list_card_one {
		width: 699rpx;
		height: 304rpx;
		background: linear-gradient(228deg, #433C27 0%, #21201D 100%);
		border-radius: 28rpx;
		margin-top: 25rpx;
		margin-left: 25rpx;
	}

	.titles {
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		opacity: 1;
		padding-top: 38rpx;
		padding-left: 18rpx;
		float: left;
	}

	.more {
		float: right;
		margin-top: 36rpx;
		font-size: 36rpx;
		margin-right: 14rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 1;
	}

	.icons {
		float: right;
		margin-top: 40rpx;
		margin-right: 34rpx;
	}

	.status {
		font-size: 57rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #FFFFFF;
		text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.16);
		opacity: 1;
	}

	.english {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 0.56;
		float: right;
		margin-right: 32rpx;
		margin-top: 126rpx;
	}

	.bottom {
		display: block;
		padding-top: 94rpx;
		padding-left: 32rpx;
	}

	.list_card_two {
		width: 699rpx;
		height: 304rpx;

		background: linear-gradient(45deg, #E67C10 0%, #FFCE2C 100%);
		opacity: 1;
		border-radius: 28rpx;
		margin-top: 25rpx;
		margin-left: 25rpx;
	}

	.list_card_three {
		width: 699rpx;
		height: 304rpx;
		background: linear-gradient(45deg, #186EC4 0%, #31A4F8 100%);
		opacity: 1;
		border-radius: 28rpx;
		margin-top: 25rpx;
		margin-left: 25rpx;
	}

	.list_card_four {
		width: 699rpx;
		height: 304rpx;
		background: linear-gradient(45deg, #DE1A1A 0%, #F86B6B 100%);
		opacity: 1;
		border-radius: 28rpx;
		margin-top: 25rpx;
		margin-left: 25rpx;
	}
</style>
